// 颜色
@bg-color: #f7f8fd;
@color-empty: transparent;
@color-black: #272636;
@color-grey: #9b9b9b;
@color-orange: #ff7c00;
@color-font: #fff;
@color-label: #68696a;
@color-blue: #5590f6;
@color-deep-blue: #4b6cc0;
@color-red: #fa2000;
@color-line: #f4f5fa;
@color-msg: #313233;
@color-white: #f7f8fd;
@color-white-btn: #f7f8fc;
@color-origin-white: #fff;
@color-green: #00b588;
@color-light-grey: #d5d6da;
@color-light-grey-btn: #f5f5f5;
@color-green-btn: #65b85f;
@color-light-grey-border: #f4f5fa;
@color-border-grey: #dadada;
@color-orange-badge: #fdaf3a;
@color-lightly-grey: #f3f5f7;
@color-light-blue: #eaf4fe;

// 文字颜色
@color-grey-text: #68696a;
@color-light-grey-text: #9b9b9b;
@color-black-text: #272636;
@color-red-text: #fa2000;
@color-blue-text: #5590f6;
@color-deep-blue-text: #4b6cc0;
@color-green-text: #00b588;
@color-orange-text: #df9951;
@color-light-orange-text: #ff7c00;
@color-deep-green-text: #27a024;

// 字体
@font-size-19: 19rpx;
@font-size-20: 20rpx;
@font-size-23: 23rpx;
@font-size-27: 27rpx;
@font-size-31: 31rpx;
@font-size-36: 36rpx;
@font-size-39: 39rpx;
@font-size-47: 47rpx;
@font-size-65: 65rpx;

@linear-gradient-btn: linear-gradient(90deg, #01e9bd, #007cde);
@linear-gradient-btn-b-g: linear-gradient(0deg, #01e9bd 0%, #007cde 100%);
uni-page-body,
#app {
  height: 100%;
}

//线上图片
@imgUrl: "https://minio.gzryzl.com/huatai/";
@aliImgUrl: "https://honor-hall.oss-cn-chengdu.aliyuncs.com/";
@activity-sign-up-card-img: url(~"@{imgUrl}2024-06-26/1719394707206activity-sign-up-card.png");
@mutual-img: url(~"@{imgUrl}2024-03-08/1709869440746bg-detail.png") no-repeat;
@honor-detail-bg: url(~"@{imgUrl}2024-03-08/1709869440746bg-detail.png")
  no-repeat;
// @honour-search-img: url(~"@{imgUrl}2024-03-08/1709869105084search.png") no-repeat;

// @honour-search-img: url(~"@{imgUrl}2024-08-02/1722590532499rongyuku.png") no-repeat;

@honour-search-img: url(~"@{imgUrl}2024-08-22/1724292618703微信图片_20240822100629.png")
  no-repeat;
// @honour-search-img: url(~"@{imgUrl}2024-08-02/1722590532499rongyuku.png") no-repeat;
// @honour-search-img: url(~"@{imgUrl}2024-08-02/1722590532499rongyuku.png") no-repeat;
// @batten-img: url(~"@{imgUrl}2024-04-17/1713325081726未标题-1.png");
@batten-img: url(~"@{imgUrl}2024-08-02/1722590423544index.png");
// @login-img: url(~"@{imgUrl}2024-04-18/1713403211885未标题-2.png");
@login-img: url(~"@{imgUrl}2024-08-02/1722590294807login.png");
@login-new-year-img: url(~"@{imgUrl}2025-01-16/1737037109407login.jpg");
@login-pattern-img: url(~"@{imgUrl}2024-03-01/1709272783809PatternText.png");
@login-wx-icon: url(~"@{imgUrl}2024-06-04/1717487650042denglu-weixindenglu@2x.png");
// @user-bg-img: url(~"@{imgUrl}2024-07-19/1721357811258user-bg.png");
@user-bg-img: url(~"@{imgUrl}2024-08-02/1722590754343user-bg.png");
@user-fadeout-img: url(~"@{imgUrl}2024-03-06/1709702985622fade-out.png");
@shopping-poker1-img: url(~"@{imgUrl}2024-03-20/1710916233942poker1.png");
@shopping-poker2-img: url(~"@{imgUrl}2024-03-20/1710919410764poker2.png");
@shopping-poker3-img: url(~"@{imgUrl}2024-03-20/1710919441526poker3.png");
@shopping-secure-img: url(~"@{imgUrl}2024-03-20/1710920133619secure.png");
@user-default-avatar-img: url(~"@{imgUrl}2024-03-20/1710920720001avatar.png");
@mutual-assistance-imagedetail-img: url(~"@{imgUrl}2024-03-20/1710922149020imagedetail.png");
@mutual-assistance-badgeone-img: url(~"@{imgUrl}2024-03-29/1711699648349badgeone.png");
@mutual-assistance-badgetwo-img: url(~"@{imgUrl}2024-03-29/1711700018494badgetwo.png");
@mutual-assistance-badgethree-img: url(~"@{imgUrl}2024-03-29/1711700117886badgethree.png");
@mutual-assistance-badgefour-img: url(~"@{imgUrl}2024-03-20/1710921892815badgefour.png");
@share-logo-img: url(~"@{imgUrl}2024-03-20/1710922375160logo.png");
@batten-arc-img: url(~"@{imgUrl}2024-03-20/1710922808670arc.png");
@card-activity-img: url(~"@{imgUrl}2024-03-20/1710923756872activity.png");
@card-advice-img: url(~"@{imgUrl}2024-03-20/1710923814037advice.png");
@card-assistance-img: url(~"@{imgUrl}2024-03-20/1710923861712assistance.png");
// @card-classroom-img: url(~"@{imgUrl}2024-03-20/1710923924545classroom.png");
@card-classroom-img: url(~"@{imgUrl}2024-07-25/1721892418751yuedu.png");
@card-completed-img: url(~"@{imgUrl}2024-03-20/1710923960009completed.png");
// @card-customer-img: url(~"@{imgUrl}2024-03-20/1710924009042customer.png");
@card-customer-img: url(~"@{imgUrl}2024-07-25/1721892541014AI.png");
@card-design-img: url(~"@{imgUrl}2024-03-20/1710924056624design.png");
@card-develop-img: url(~"@{imgUrl}2024-03-20/1710924125938develop.png");
@card-help-img: url(~"@{imgUrl}2024-03-20/1710924213508help.png");
// @card-honor-img: url(~"@{imgUrl}2024-03-20/1710924253153honor.png");
@card-honor-img: url(~"@{imgUrl}2024-07-25/1721888401447rongyuku.png");
@card-join-img: url(~"@{imgUrl}2024-03-20/1710924292814join.png");
@card-marketing-img: url(~"@{imgUrl}2024-03-20/1710924379947marketing.png");
// @card-metaverse-img: url(~"@{imgUrl}2024-03-20/1710924453811metaverse.png");
@card-metaverse-img: url(~"@{imgUrl}2024-07-25/1721892728419yuanyuzhou.png");
@card-operate-img: url(~"@{imgUrl}2024-03-20/1710924496899operate.png");
@card-opinion-img: url(~"@{imgUrl}2024-03-20/1710924538714opinion.png");
// @card-order-img:url(~"@{imgUrl}2024-03-20/1710924575877order.png");
// @card-order-img: url(~"@{imgUrl}2024-05-23/1716431709354house.png");
@card-order-img: url(~"@{imgUrl}2024-07-25/1721892676302gongyu.png");
@card-other-img: url(~"@{imgUrl}2024-03-20/1710924659014other.png");
@card-realName-img: url(~"@{imgUrl}2024-03-20/1710924698755realName.png");
// @card-release-img: url(~"@{imgUrl}2024-03-20/1710924764695release.png");
@card-release-img: url(~"@{imgUrl}2024-07-25/1721888334590fabu.png");
@card-take-img: url(~"@{imgUrl}2024-03-20/1710924803260take.png");
@card-union-img: url(~"@{imgUrl}2024-03-20/1710924911095union.png");
@card-apartment-img: url(~"@{imgUrl}2024-05-07/1715070291783比赛信息@2x.png");
@card-whole-img: url(~"@{imgUrl}2024-03-20/1710924951138whole.png");
// @card-honor-task-img: url(~"@{imgUrl}2024-06-24/1719192415409honorTask.png");
@card-honor-task-img: url(~"@{imgUrl}2024-07-29/1722242399401renwu.png");
// @card-honor-activity-img: url(~"@{imgUrl}2024-06-20/1718848472727活动@2x.png");
@card-honor-activity-img: url(~"@{imgUrl}2024-07-25/1721888464413huodong.png");
@card-honor-rights-img:url(~"@{imgUrl}2024-07-03/1719974564342发布@2x.png");
@user-tourist-img: url(~"@{imgUrl}2024-03-20/1710926277278tourist.png");
@user-feedback-img: url(~"@{imgUrl}2024-03-20/1710926358848feedback.png");
@no-data-img: url(~"@{imgUrl}2024-03-29/1711698840520none-data.png");
@card-my-honor: url(~"@{imgUrl}2024-07-30/1722309260682my_honor.png");
// @card-coupon: url(~"@{imgUrl}2024-10-11/1728628607199coupon.png");
@user-certificate: url(~"@{imgUrl}2024-10-12/1728702443160certificate_bg.png");
@user-certificate-right: url(~"@{imgUrl}2024-10-12/1728702387612certificate_right.png");
@user-certificate-lose: url(~"@{imgUrl}2024-10-12/1728712516607certificate_lose.png");
@user-certificate-btn: url(~"@{imgUrl}2024-10-12/1728712569210certificate_btn.png");
@user-certificate-btn-active: url(~"@{imgUrl}2024-10-12/1728712614028certificate_btn_active.png");
// 夸父公寓
@kuafu-apartment-home-bg: url(~"@{imgUrl}2024-08-02/1722590861178home-banner.png");
@kuafu-apartment-my-bg: url(~"@{imgUrl}2024-04-22/1713767731812my-bg.png");
@kuafu-apartment-room-fees-bg: url(~"@{imgUrl}2024-08-02/1722591506160life.png");
@kuafu-apartment-electricity-bill-bg: url(~"@{imgUrl}2024-08-02/1722591563338Electricity-bill.png");
@kuafu-apartment-electricity-bill-bg: url(~"@{imgUrl}2024-08-02/1722591563338Electricity-bill.png");
@kuafu-apartment-water-cost-bg: url(~"@{imgUrl}2024-08-02/1722591601519Water-cost.png");
@kuafu-apartment-property-fee-bg: url(~"@{aliImgUrl}2024-12-01/1733125106Property-fee.png");
@kuafu-apartment-door-lock-bg: url(~"@{imgUrl}2024-08-02/1722591629481Door-lock.png");
@kuafu-apartment-door-lock-bg: url(~"@{imgUrl}2024-08-02/1722591629481Door-lock.png");
@kuafu-apartment-feedback-bg: url(~"@{imgUrl}2024-08-02/1722591656350Feedback.png");
@kuafu-apartment-water-bg: url(~"@{imgUrl}2024-08-02/1722591689585water.png");
@kuafu-apartment-electric-bg: url(~"@{imgUrl}2024-08-02/1722591779386electric.png");
@kuafu-apartment-new-bg: url(~"@{imgUrl}2024-08-02/1722591731668new.png");
@kuafu-apartment-coins-bg: url(~"@{imgUrl}2024-08-02/1722591759781coins.png");
@kuafu-apartment-broadband-bg: url(~"@{imgUrl}2024-08-30/1724988476365broadband.png");
// 门锁
@kuafu-apartment-unlocking-bg: url(~"@{imgUrl}2024-08-02/1722592701350unlocking.png");
@kuafu-apartment-electricity-full-bg: url(~"@{imgUrl}2024-08-02/1722592284878electricity-full.png");
@kuafu-apartment-wifi-bg: url(~"@{imgUrl}2024-08-02/1722592262224wifi.png");
@kuafu-apartment-authorization-bg: url(~"@{imgUrl}2024-08-02/1722592239604yonghugouxuan.png");
@kuafu-apartment-unblanking-bg: url(~"@{imgUrl}2024-08-02/1722592201394unblanking.png");
@kuafu-apartment-lock-bg: url(~"@{imgUrl}2024-08-02/1722592179508lock.png");
@kuafu-apartment-cohabitation-delete-bg: url(~"@{imgUrl}2024-08-02/1722592114200cohabitation_delete.png");
@kuafu-apartment-cohabitation-click-bg: url(~"@{imgUrl}2024-08-02/1722592152012cohabitation_delete_click.png");
@kuafu-coupon-bg: url(~"@{imgUrl}2024-10-14/1728898624986coupon_bg.png");

// 个人详情
@kuafu-apartment-details: url(~"@{imgUrl}2024-07-24/1721793799911details.png");

// 分享
@share-wx-icon: url(~"@{imgUrl}2024-06-25/1719295177080weixin.png");
@share-pyq-icon: url(~"@{imgUrl}2024-06-25/1719295188824pengyouquan.png");

@task-bg:url(~"@{imgUrl}2024-08-02/1722590661895task-bg.png");
@is-sign-icon:url(~"@{imgUrl}2024-07-04/1720058868160勾选1@2x.png");
@my-rights-score-bg:url(~"@{imgUrl}2024-07-04/1720075265263my-rights-score-bg.png");

//中石油
@zsy-bg:url(~"@{aliImgUrl}rongyaowxapp/1742181600646.png");

.content {
  background: @bg-color;
  padding-bottom: 100rpx;

  .header-title {
    display: inline-block;
    width: 95vw;
    text-align: left;
    font-size: @font-size-39;
    font-family: "pf";
    height: 80rpx;
    line-height: 80rpx;
    font-weight: bold;

    &.min {
      font-size: @font-size-31;
    }

    &.shallow {
      color: @color-label;
    }
  }

  .box {
    background-color: @color-font;
    padding: 20rpx 5vw;

    &.centent {
      position: absolute;
      left: 50%;

      transform: translate(-50%);
      border-radius: 33rpx;
    }
  }

  .btn-box {
    position: fixed;
    bottom: 0;
    width: 100vw;
    text-align: center;
    padding: 20rpx 0;
    background-color: @color-font;

    .btn-botton {
      padding: 10rpx 0;
      text-align: center;
      display: inline-block;
      background: linear-gradient(90deg, #ff934c 0%, #fc686f 100%);
      border-radius: 33rpx;
      color: @color-font;
    }
  }
}

.room-btn {
  background-color: @color-font;
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 20rpx 0;

  .btn {
    width: 90vw;
    height: 70rpx;
    background-image: linear-gradient(to right, #ff934c, #fc686f);
    font-family: "ali-m";
    font-size: 32rpx;
    color: @color-font;
    text-align: center;
    line-height: 70rpx;
    border-radius: 50rpx;
  }

  &.apartment {
    border-radius: 33rpx 33rpx 0 0;
    text-align: center;
    background-color: transparent;
    .apartment-title {
      height: 70rpx;
      line-height: 70rpx;
      font-size: 31rpx;
      font-family: "ali-m";
    }

    .apartment-period {
      font-size: 23rpx;
      height: 70rpx;
      line-height: 60rpx;
    }

    .btn {
      background-image: linear-gradient(to right, #01e9bd 0%, #007cde 100%);
    }
  }
  &.broadband {
    text-align: center;
    .btn {
      background: linear-gradient(to right, #01e9bd 0%, #007cde 100%);
      &.lose      {
        background: #7F7F7F;
      }
    }
  }
}

.tail {
  text-align: center;
  font-size: 25rpx;
  margin-top: 30rpx;
}

.return-box {
  z-index: 10069;
  width: 60rpx;
  height: 60rpx;
  background: #00000080;
  display: inline-block;
  position: fixed;
  top: 100rpx;
  left: 15rpx;
  border-radius: 50%;

  :deep(.u-icon) {
    width: 100%;
    justify-content: center;

    .u-icon__icon {
      color: @color-font !important;
      line-height: 60rpx !important;
      justify-content: center;
    }
  }
}

.return-title {
  z-index: 10068;
  width: 100vw;
  height: 60rpx;
  line-height: 60rpx;
  top: 100rpx;
  background: @bg-color;
  font-size: @font-size-31;
  position: fixed;
  text-align: center;
}
.tabs-box {
  :deep(.u-sticky) {
    // height: calc();
    // #ifdef  MP-WEIXIN
    top: 153rpx !important;
    // #endif
    // #ifdef   H5 || APP-PLUS
    top: 88rpx !important;
    // #endif
    z-index: 50 !important;
  }
}
.mask {
  z-index: 999;
}
